@import "../../../customGlobal.scss";
.btn {
    // width: 100%;
    margin: 1rem 0 1.25rem 14px;
    --background: linear-gradient(to right, #ff9500, #ff6314);
    --border-radius: 5px;
    --background-activated: linear-gradient(to right, #e58500, #e65812);
    --height: 49px;
    font-size: 18px;
    font-weight: bold;
    @if $appType == "LJ" {
        --background: linear-gradient(90deg, #ffe14a 0%, #ffca3a 100%);
        --border-radius: 1.56rem;
        --background-activated: linear-gradient(90deg, #ffe14a 0%, #ffca3a 100%);
        --height: 3.13rem;
        font-size: 1.13rem;
        color: #252629;
        font-weight: bold;
    }
}

.orange {
    --background: linear-gradient(to right, #ff9500, #ff6314);
}
ion-list {
    padding: 0 1.25rem 0 1.25rem;
}
ion-item {
    height: 60px;
}

.eye {
    width: 27px;
    height: 27px;
    display: inline-block;
    position: absolute;
    right: 0px;
    background: url("../../../assets/icon/login_icon_hide@3x.png") no-repeat center;
    @if $appType == "LJ" {
        background: url("../../../assets/laijian/login_icon_hide@3x.png") no-repeat center;
        right: 0.13rem;
    }
    background-size: 60%;
    z-index: 1000;
    @if $appType == "LJ" {
        background-image: url("../../../assets/laijian/login_icon_open@3x.png");
    }
    .eyeshow {
    background-image: url("../../../assets/icon/login_icon_open@3x.png");
    }
}

.hideClose {
    width: 2rem;
    height: 2rem;
    display: none;
    position: absolute;
    right: 0px;
    background: url("../../../assets/icon/login_icon_close@3x.png") no-repeat center;
    @if $appType == "LJ" {
        background: url("../../../assets/laijian/login_icon_close@3x.png") no-repeat center;
    }
    background-size: 60%;
}

.hideClose_r50 {
    width: 2rem;
    height: 2rem;
    display: none;
    position: absolute;
    right: 50px;
    z-index: 100;
    background: url("../../../assets/icon/login_icon_close@3x.png") no-repeat center;
    @if $appType == "LJ" {
        background: url("../../../assets/laijian/login_icon_close@3x.png") no-repeat center;
    }
    background-size: 60%;
}

.close {
    width: 2rem;
    height: 2rem;
    position: absolute;
    right: 0px;
    background: url("../../../assets/icon/login_icon_close@3x.png") no-repeat center;
    @if $appType == "LJ" {
        background: url("../../../assets/laijian/login_icon_close@3x.png") no-repeat center;
    }
    background-size: 60%;
}

.close_r50 {
    width: 2rem;
    height: 2rem;
    z-index: 100;
    position: absolute;
    right: 50px;
    background: url("../../../assets/icon/login_icon_close@3x.png") no-repeat center;
    @if $appType == "LJ" {
        background: url("../../../assets/laijian/login_icon_close@3x.png") no-repeat center;
    }
    background-size: 60%;
}

.r50 {
    right: 50px;
}
.r90 {
    right: 110px;
}
ion-input {
    --placeholder-color: #b6b7bf;
    --padding-end: 29px; // add by andrew.wen for close btn
}
.forget {
    margin: 1rem 0 1.25rem 14px;
    text-align: center;
    font-size: 16px;
    line-height: 1;
    color: #858894;
    @if $appType == "LJ" {
        color: #7e838c;
    }
}

.button-label {
    font-size: 1rem;
    font-weight: bold;
    color: #0f0f0f;
}
.laijian-p {
    color: #7e838c;
}

.laijian-h1 {
    color: $LJLabelColor;
}

.btn-disable {
    margin: 1rem 0 1.25rem 14px;
    --background: linear-gradient(90deg, #ffe14a 0%, #ffca3a 100%) rgba(255, 255, 255, 0.6);
    --border-radius: 1.56rem;
    --background-activated: linear-gradient(90deg, #ffe14a 0%, #ffca3a 100%) rgba(255, 255, 255, 0.6);
    --height: 3.13rem;
    font-size: 1.13rem;
    color: #252629;
    font-weight: bold;
}

.checkbox {
    font-size: 12px;
    color: #858894;
}

.checkicon {
    background-image: url("../../../assets/icon/checked.png");
    @if $appType == "LJ" {
        background-image: url("../../../assets/laijian/login_icon_checked@3x.png");
    }
    width: 14px;
    height: 14px;
    background-size: 100%;
    margin-right: 5px;
}

.uncheckicon {
    background-image: url("../../../assets/icon/login_icon_unchecked@3x.png");
    @if $appType == "LJ" {
        background-image: url("../../../assets/laijian/login_icon_unchecked@3x.png");
    }
    width: 14px;
    height: 14px;
    background-size: 100%;
    margin-right: 5px;
}

.blue {
    color: #499df2;
    @if $appType == "LJ" {
        font-size: 0.75rem;
        color: #008cff;
    }
}

.check-box-div {
    display: flex;
    background: white;
    height: 3rem;
    justify-content: center;
    align-items: center;
    padding-left: 0.7rem;
}

.clear-left-item {
    --padding-start: 0;
}

.topBox {
    height: 2.75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0.625rem;
}
@supports (top: env(safe-area-inset-top)) {
    .topBox {
        padding-top: calc( 0.625rem + env(safe-area-inset-top) ) ;
    }
}

@supports (top: constant(safe-area-inset-top)) {
    .topBox {
        padding-top: calc( 0.625rem + constant(safe-area-inset-top) ) ;
    }
}
.close-btn {
    width: 1.5rem;
    height: 1.5rem;
}

.register-btn {
    font-size: 1rem;
    font-weight: 400;
    color: #0f0f0f;
}

.tips {
    font-size: 1.13rem;
    font-weight: 400;
    color: #808080;
    margin-top: 0.75rem;
}

.p-bottom {
    text-align: center;
}

.span-bottom-first {
    font-size: 1rem;
    font-weight: 400;
    color: #666666;
    margin-right: 2rem;
}

.span-bottom-second {
    font-size: 0.81rem;
    font-weight: 400;
    color: #666666;
}

.switch-png {
    width: 1.13rem;
    height: 1.13rem;
    margin-right: 0.25rem;
}

.title-span {
    font-size: 1.38rem;
    font-weight: bold;
    color: #0f0f0f;
}

.tips-span {
    font-size: 0.75rem;
    font-weight: 400;
    color: #808080;
}

.vccode {
    font-size: 1rem;
    font-weight: 400;
    color: #0f0f0f;
    background: transparent;
}

.lightgrey {
    color: #b3b3b3;
}

.lightblack {
    color: #0f0f0f;
}

.wxLink {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 400;
    color: #b3b3b3;
}
.wxIconLink {
    height: 3.06rem;
    width: 3.06rem;
    margin-top: 1.25rem;
}
